<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0
    user-scalable=no,minimum-scale=1.0,maximum-scale=1.0
    ">
    <title>配送时间弹窗</title>
    <link rel="stylesheet" href="./css/distribution-time.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
</head>
<div class="tabber">
    <header>
        <h3>
            填写订单
        </h3>
    </header>
    <main>
        <div>
            <span>收货信息</span>
            <p>请选择收货信息</p>
        </div>
        <div class="frame"></div>
        <div>
            <span>送达日期</span>
            <p>2022-12-30</p>
        </div>
        <div class="frame"></div>
        <div>
            <span>配送时间</span>
            <p>不限时段</p>
        </div>
        <div class="frame"></div>
        <div><span>
                配送方式
            </span>
            <p>市区免费配送</p>
        </div>

    </main>
    <div class="dotted-line">
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
    </div>
    <div class="content">
        <div>
            <p>不限时段</p>
        </div>
        <div>
            <p>8:00-10:00</p>
        </div>
        <div>
            <p>10:00-12:00</p>
        </div>
        <div>
            <p>12:00-14:00</p>
        </div>
        <div>
            <p>
                12:00-14:00
            </p>
        </div>
        <div>
            <p>16:00-18:00</p>
        </div>
        <div>
            <p>18:00-20:00</p>
        </div>

    </div>
</div>

<body>

</body>

</html>